<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link href="./index/reset.css" type="text/css" rel="stylesheet">
		<link href="./index/vivify.min.css" type="text/css" rel="stylesheet">
		<link href="./index/animate.min.css" type="text/css" rel="stylesheet">
		<link href="./index/swiper.min.css" type="text/css" rel="stylesheet">
		<script src="./index/jquery.js" type="text/javaScript"></script>
		<link rel="shortcut icon" href="https://www.nlc.cn/template_resource/20186/img/favicon.ico" type="image/x-icon">


		<link href="./index/swiper-bundle.min.css" type="text/css" rel="stylesheet">
		<link href="./index/index.main.css" type="text/css" rel="stylesheet">
		<script type="">
			$(function () {
            function is_iPad() {
                var ua = navigator.userAgent.toLowerCase(); if (ua.match(/iPad/i) == "ipad") { return true; } else { return false; }
            }
            if (is_iPad) {
                $('.common-header .common-header-row1,.index-swiper-box-1').css({
                    'padding': '0 40px',
                    'box-sizing': 'border-box'
                })
                $('.index-search').css({
                    'padding': '10px 40px 0 40px',
                    'box-sizing': 'border-box'
                })
                $('.index-search ul li.input-bar').css({
                    'width': '750px'
                })
                $('.swiper-container-1').css({
                    'height': 'auto'
                })
            }
        })
    </script>
		<title>中国日土数字图书馆</title>
	</head>

	<body>
		<!-- 头部 | start -->
		<div class="common-header">
			<ul class="common-header-row1 wrap-1280" style="padding: 0px 40px; box-sizing: border-box;">
				<li class="logo-bar">
					<a href=""><img src="./index/logo.png" alt="中国日土数字图书馆"></a>
				</li>
			</ul>
			<div class="main-nav-out">
				<ul class="main-nav wrap-1280 categary">
					<li>
						<a href="./index.html" class="parents-bar">
							首页
						</a> 
					</li>
				<!-- 	<li>
						<a href="./second.html" class="parents-bar">
							资讯信息
						</a>
					</li>
					<li>
						<a href="./second.html" class="parents-bar">
							读者指南
						</a>
					</li>
					<li>
						<a href="./second.html" class="parents-bar">
							资源服务
						</a>
					</li>
					<li>
						<a href="./second.html" class="parents-bar">
							业界服务
						</a>
					</li>

					<li>
						<a href="./second.html" class="parents-bar" target="_blank">
							法律馆
						</a>
					</li>
					<li>
						<a href="./second.html" class="parents-bar" target="_blank">
							少儿馆
						</a>
					</li>
					<li>
						<a href="./second.html" class="parents-bar">
							重点项目
						</a>
					</li>
					<li>
						<a class="parents-bar" href="./second.html" target="_blank">
							国家图书馆基金会
						</a>
					</li> -->
				</ul>
			</div>
		</div>
		<!-- 头部 | end -->


		<!-- 检索 | start -->
		<div class="index-search wrap-1280" style="padding: 10px 40px 0px; box-sizing: border-box;">
			<ul>
				<li class="input-bar" style="width: 750px;"> <input class="js-search-val" type="text" placeholder="请输入您要检索信息"> </li>
				<li class="btn-bar"> <button class="js-check-btn">检索</button> </li>
			</ul>
		</div>
		<div class="js-search-tips">
			<p>请先输入您要搜索的关键词</p>
			<span class="js-search-tips-close">知道了</span>
		</div>
		<!-- 检索 | end -->
		<!-- 轮播 | start -->
		<div class="index-swiper-box-1 wrap-1280" style="padding: 0px 40px; box-sizing: border-box;margin-bottom: 50px;">
			<div class="swiper-container swiper-container-1 swiper-container-initialized swiper-container-horizontal"
				style="height: auto;">
				<div class="swiper-wrapper" style="transform: translate3d(-2400px, 0px, 0px); transition-duration: 0ms;">
				<!-- 	<div class="swiper-slide js-content swiper-slide-duplicate swiper-slide-duplicate-active"
						data-swiper-slide-index="1" style="width: 1200px;">
						<a href="" title="古籍数字资源上新了" target="_blank">
							<img src="./index/c2fe5d3e.jpg" class="load">
						</a>
					</div> -->

				<!-- 	<div class="swiper-slide js-content swiper-slide-prev swiper-slide-duplicate-next"
						data-swiper-slide-index="0" style="width: 1200px;">
						<a href="" title="十万好书上新 国图邀您畅读" target="_blank">
							<img src="./index/d06ed100.jpg">
						</a>
					</div> -->


				<!-- 	<div class="swiper-slide js-content swiper-slide-active" data-swiper-slide-index="1"
						style="width: 1200px;">
						<a href="" title="古籍数字资源上新了" target="_blank">
							<img src="./index/c2fe5d3e.jpg">
						</a>
					</div> -->
					


				<!-- 	<div class="swiper-slide js-content swiper-slide-duplicate swiper-slide-next swiper-slide-duplicate-prev"
						data-swiper-slide-index="0" style="width: 1200px;">
						<a href="" title="十万好书上新 国图邀您畅读" target="_blank">
							<img src="./index/d06ed100.jpg" class="load">
						</a>
					</div> -->
				</div>
				<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
					<span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span>
					<span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 2"></span>
				</div>
				<!-- <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> -->
			</div>
		</div>
		<!-- 轮播 | end -->
		<!-- 特色资源 | start -->
		<div class="index-resouce-bar JS-show-right-bar" style="height: 700px;">
			<h2 class="common-title common-title-1"> 数字资源
				<!-- <img class="img-2" src="/template_resource/10002/img/resouce-title.png" alt="" /> -->
			</h2>
			<ul class="wrap-1280 resouce-list categary1">
			<!-- 	<li> <i></i>
					<dl>
						<a href="./second.html" target="_blank">
							<dt> <img src="./index/icon-1.png" alt="古籍特藏"> </dt>
							<dd>
								<h5> 古籍特藏 </h5>
								<p>该库可提供综合性数字化古籍特藏文献，包括本馆建设的古籍特藏、外馆文献资源，以及古籍全文检索分析系统。</p>
							</dd>
						</a>
					</dl>
				</li> -->
			<!-- 	<li> <i></i>
					<dl>
						<a href="./second.html" target="_blank">
							<dt> <img src="./index/icon-10.png" alt="当代图书"> </dt>
							<dd>
								<h5> 当代图书 </h5>
								<p>本栏目下有10万余册电子图书，多为近现代图书资源，内容包括文学小说、哲学历史，人物传记、古籍经典、科普科幻、亲子童书、人生励志、经济管理、休闲娱乐等方面。国内众多权威出版社、出版机构的出版图书，并同步更新热门影视图书。
								</p>
							</dd>
						</a>
					</dl>
				</li>
				<li> <i></i>
					<dl>
						<a href="./second.html" target="_blank">
							<dt> <img src="./index/icon-7.png" alt="近代图书"> </dt>
							<dd>
								<h5> 近代图书 </h5>
								<p>该库为读者提供民国时期文献在线资源服务，包含民国图书、民国期刊，民国报纸和民国法律资源，可在线阅读。</p>
							</dd>
						</a>
					</dl>
				</li>
				<li> <i></i>
					<dl>
						<a href="./second.html" target="_blank">
							<dt> <img src="./index/icon-3.png" alt="国图公开课"> </dt>
							<dd>
								<h5> 国图公开课 </h5>
								<p>该平台依托国家图书馆的馆藏海量资源，设立了专题课程和读书推荐等栏目，面向公众推送多样化学习资源。</p>
							</dd>
						</a>
					</dl>
				</li>
				<li> <i></i>
					<dl>
						<a href="./second.html" target="_blank">
							<dt> <img src="./index/icon-6.png" alt="馆藏音视频"> </dt>
							<dd>
								<h5>馆藏音视频</h5>
								<p>包含国家图书馆特色系列讲座，以及馆藏音频、视频等数字资源读物，面向公众提供公益视听服务。</p>
							</dd>
						</a>
					</dl>
				</li>
				<li> <i></i>
					<dl>
						<a href="./second.html" target="_blank">
							<dt> <img src="./index/icon-4.png" alt="文津图书奖"> </dt>
							<dd>
								<h5>文津图书奖</h5>
								<p>集中展示国家图书馆主办并联合全国图书馆界共同参与的文津图书奖历届获奖图书。</p>
							</dd>
						</a>
					</dl>
				</li>
				<li> <i></i>
					<dl>
						<a href="./second.html" target="_blank">
							<dt> <img src="./index/icon-5.png" alt="永乐大典"> </dt>
							<dd>
								<h5>永乐大典</h5>
								<p>该库是《永乐大典》系统性保护研究整理工程的组成部分，第一辑收录国家图书馆藏《永乐大典》四十册、七十五卷的内容。</p>
							</dd>
						</a>
					</dl>
				</li>
				<li> <i></i>
					<dl>
						<a href="./second.html" target="_blank">
							<dt> <img src="./index/icon-8.png" alt="国家珍贵古籍名录"> </dt>
							<dd>
								<h5>国家珍贵古籍名录</h5>
								<p>该库发布一至六批《国家珍贵古籍名录》内容，收录其中书影图像及说明文字内容，可实现多维度查询与探索。</p>
							</dd>
						</a>
					</dl>
				</li>
				<li> <i></i>
					<dl>
						<a href="./second.html">
							<dt> <img src="./index/icon-9.png" alt="文津经典诵读"> </dt>
							<dd>
								<h5>文津经典诵读</h5>
								<p>每日为读者介绍一条中华传统美德格言和一首古代诗词，配以朗诵音频、诗词译文、全文、馆藏版本等内容。</p>
							</dd>
						</a>
					</dl>
				</li>
				<li> <i></i>
					<dl>
						<a href="./second.html" target="_blank">
							<dt> <img src="./index/icon-2.png" alt="征集资源"> </dt>
							<dd>
								<h5>征集资源</h5>
								<p>该库汇集精选面向出版单位征集的电子图书等资源，以人文社科及科普类为主，用户登录后可在线阅读。</p>
							</dd>
						</a>
					</dl>
				</li> -->

			</ul>
			<div class="wrap-1280 resouce-list-btm">
				<dl class="view-transition">
					<a href="./second.html"
						target="_blank">
						<dt> <img src="./index/icon-btm-1.png" alt="电子图书" width="29" class="org" style=""> <img
								src="./index/icon-btm-1.gif" alt="电子图书" width="40" class="anim load"
								style="display: none;"> <span></span> </dt>
						<dd>电子图书</dd>
					</a>
				</dl>
				<dl class="view-transition">
					<a href="./second.html"
						target="_blank">
						<dt> <img src="./index/icon-btm-2.png" alt="电子期刊" width="30" class="org load"> <img
								src="./index/icon-btm-2.gif" alt="电子期刊" width="32" class="anim load"
								style="display: none;"> <span></span> </dt>
						<dd>电子期刊</dd>
					</a>
				</dl>
				<dl class="view-transition">
					<a href="./second.html"
						target="_blank">
						<dt> <img src="./index/icon-btm-3.png" alt="电子论文" width="27" class="org load"> <img
								src="./index/icon-btm-3.gif" alt="电子论文" width="40" class="anim load"
								style="display: none;"> <span></span> </dt>
						<dd>电子论文</dd>
					</a>
				</dl>
				<dl class="view-transition">
					<a href="./second.html"
						target="_blank">
						<dt> <img src="./index/icon-btm-4.png" alt="电子报纸" width="30" class="org load"> <img
								src="./index/icon-btm-4.gif" alt="电子报纸" width="36" class="anim load"
								style="display: none;"> <span></span> </dt>
						<dd>电子报纸</dd>
					</a>
				</dl>
				<dl class="view-transition">
					<a href="./second.html" target="_blank">
						<dt> <img src="./index/icon-btm-5.png" alt=" 音视频" width="27" class="org load"> <img
								src="./index/icon-btm-5.gif" alt="音视频" width="34" class="anim load"
								style="display: none;"> <span></span> </dt>
						<dd>音视频</dd>
					</a>
				</dl>
				<dl class="view-transition">
					<a href="./second.html"
						target="_blank">
						<dt> <img src="./index/icon-btm-6.png" alt="标准专利" width="34" class="org load"> <img
								src="./index/icon-btm-6.gif" alt="标准专利" width="40" class="anim load"
								style="display: none;"> <span></span> </dt>
						<dd>标准专利</dd>
					</a>
				</dl>
				<dl class="view-transition">
					<a href="./second.html" target="_blank">
						<dt> <img src="./index/icon-btm-7.png" alt="工具书" width="34" class="org load"> <img
								src="./index/icon-btm-7.gif" alt="工具书" width="38" class="anim load"
								style="display: none;"> <span></span> </dt>
						<dd>工具书</dd>
					</a>
				</dl>
				<dl class="view-transition">
					<a href="./second.html"
						target="_blank">
						<dt> <img src="./index/icon-btm-8.png" alt="少儿资源" width="28" class="org load"> <img
								src="./index/icon-btm-8.gif" alt="少儿资源" width="50" class="anim load"
								style="display: none;"> <span></span> </dt>
						<dd>少儿资源</dd>
					</a>
				</dl>
			</div>

		</div>
		<!-- 特色资源 | end -->

		<script src="./index/swiper-8.3.js" type="text/javaScript"></script>
		<!-- <script src="./index/index.main.js" type="text/javaScript"></script> -->

		</script>
		<script src="./index/jq.base64.js" type="text/javaScript"></script>
		<link href="./index/index.main(1).css" type="text/css" rel="stylesheet">

		<!-- 整站置灰 -->
		<!-- <style type="text/css">
  html,body{
    filter: grayscale(100%);;
    -webkit-filter: grayscale(100%);;
  }
</style> -->
		<!-- 整站置灰 -->
		<!-- 底部 | end -->

		<script src="./index/swiper.min.js" type="text/javaScript"></script>
		<script src="./index/common.js" type="text/javaScript"></script>
		<script>
			 function getCategory() {
				$.ajax({
				   url:"http://tushu.hnjixuanyun.cn/api/books/category",
					type:"POST",
					data:{"level":1}, 
					success:function (data) {
					   // alert(data)
					  
					   data.data.map(item=>{
						   const li = `
						   <li>
								<a href="./second.html?id=${item.id}" class="parents-bar">
									${item.name}
								</a>
							</li>`
							 $('.categary').append(li)
							 const li1 = `
							 <li> <i></i>
							 	<dl>
							 		<a href="./second.html?id=${item.id}" target="_blank">
							 			<dt> <img src="${item.images}" alt="${item.name}"> </dt>
							 			<dd>
							 				<h5> ${item.name} </h5>
							 				<p>${item.name}</p>
							 			</dd>
							 		</a>
							 	</dl>
							 </li>
							 `
							 $('.categary1').append(li1)
					   })
					},
					error:function () {
					   alert("出错了...")
					}
				});
			}
			getCategory()
			function getSlide() {
				$.ajax({
				   url:"http://tushu.hnjixuanyun.cn/api/index/slide",
					type:"POST",
					data:{}, 
					success:function (data) {
						let li2= ''
					   data.data.map(item=>{
						   console.log(item)
						   li2 = `
						   <div class="swiper-slide js-content swiper-slide-active" style="width: 1200px;height:440px">
						   	<a href="">
						   		 <img src="${item.image}">
						   	</a>
						   </div>
						  `		
							$('.swiper-wrapper').append(li2)
					   })
					  
					   var swiper1 = new Swiper('.swiper-container-1', {
					       autoplay: true,
					       loop: true,
					       pagination: {
					           el: '.swiper-pagination',
					           clickable: true,
					       },

					   });
					}
				});
			}
			getSlide()
		</script>
	</body>
</html>